<template>
  <div>
    <dv-border-box-1 style="padding: 5px">
      <h2 style="margin: 20px">各道路交通事故总数量</h2>
      <dv-capsule-chart :config="config" style="width: 400px; height: 500px"
    /></dv-border-box-1>
  </div>
</template>

<script>
export default {
  data() {
    return {
      config: {
        data: [
          {
            name: "xx道路",
            value: 167,
          },
          {
            name: "xx道路",
            value: 67,
          },
          {
            name: "xx道路",
            value: 123,
          },
          {
            name: "xx道路",
            value: 55,
          },
          {
            name: "xx道路",
            value: 98,
          },
          {
            name: "xx道路",
            value: 55,
          },
          {
            name: "xx道路",
            value: 85,
          },
          {
            name: "xx道路",
            value: 90,
          },
          {
            name: "xx道路",
            value: 75,
          },
          {
            name: "xx道路",
            value: 70,
          },
          {
            name: "xx道路",
            value: 80,
          },
          {
            name: "xx道路",
            value: 65,
          },
          {
            name: "xx道路",
            value: 68,
          },
          {
            name: "xx道路",
            value: 78,
          },
          {
            name: "xx道路",
            value: 85,
          },
        ],
      },
    };
  },
};
</script>

<style></style>
